/*
* @Author: IOT_Rui
* @Date:   2018-03-28 16:17:50
* @Last Modified by:   IOT_Rui
* @Last Modified time: 2018-04-01 12:05:12
*/
// 引入统一，清除各浏览器的默认和差异性
@import "reset.scss";
// 引入公用
@import "base.scss";
input,textarea{
	background-color:#e5e5e5;
	outline:none;
	border: 0px;
}
//自定义单选框
.content-radio{
	    background-color: #000;
	    margin-right: 6px;
	    margin-bottom: 6px;
	    position: relative;
	}
	.content-radio:before,.content-radio:after {
	    content: '';
	    display: block;
	    position: absolute;
	    transition: .1s ease;
	}.content-radio:before {
	    top: 0px;
	    left: 0px;
	    width: 12px;
	    height: 12px;
	    background-color: #FFFFFF;
	    border: 1px solid #000;
	}
	.content-radio:checked:after {
	    top: 2px;
	    left: 2px;
	    width: 10px;
	    height: 10px;
	    background-color:#000;
	}

	/*默认label字体*/
		label{
			margin-right: 1.3rem;
			line-height: 3.2rem;
			font-size: 1rem;
			// width:6.125rem;
			// text-align: right;
		}

/* 送货地址页主体 start*/
.address-content{
	max-width:75rem; 
	margin:5% auto 0;
	.address-content-all{  
		background:url(../img/address/1.jpg) center no-repeat;
		margin:0 auto; 
		// max-width: 68rem;    
		display: flex;
		flex-direction:column;
		justify-content:flex-start;

		/* 头部 start */
		.address-content-header{
			display: flex;
			justify-content:space-between;
			align-items:flex-start;
			margin-bottom: 1.4rem;
			h1{
				padding-top: 5px;
				font-size: 2.5rem;
				color: #969696;
			}
			a{
				color: #a6a6a6;
				margin-right: 0.625rem;
				.address-content-header-icon{
				 display: inline-block; 
   				 height: 10px;
   				 width: 20px;
  				  background: url(../img/d.jpg) no-repeat center; 
  				  white-space:nowrap; 
  				  letter-spacing: -1em; 
  				  text-indent: -99em; 
 				   color: transparent;
 				   margin-top: 2rem;
			}
			a:hover{
				background-color:orange;
			}
			}
			
		}
		/* 头部 end */
		/*  内容部分 start*/
		.address-content-main{
			width: 100%;
			margin: auto;
			margin-top: 0.5rem;
			.address-content-form{
				height: 31.7rem;
				margin-left: -0.625rem;
				display: flex;
				justify-content:space-between;
				flex-wrap:wrap;
				.address-content-input{
					width: 48%;
					display: flex;
					height: 3.2rem;
					justify-content:flex-start;
					margin-bottom: 25px;
					input{
						width: 78%;
						padding: 1%;
						//margin-left: -1px;
					}

				}
				.right-input{
					width: 51%;
					display: flex;
					height: 3.2rem;
					justify-content:flex-start;
					input{
						width: 73%;
						padding: 1%;
					 margin-left: 0.5rem;
					}
				}
				/*自定义选择框  start*/
				.address-content-select{
					//大屏幕 width: 50%;
					width: 45%;
					display: flex;
					height: 3.2rem;
					border-left: 1px;
					justify-content:flex-start;
					select{
						/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/  
						border: solid 1px #dbd6d0;  
						height: 3.2rem;
						// 大屏幕 width: 85%;
						width: 86%;
						/*很关键：将默认的select选择框样式清除*/  
						appearance:none;  
						-moz-appearance:none;  
						-webkit-appearance:none;  
						
						/*在选择框的最右侧中间显示小箭头图片*/  
						background: url("../img/user/e.jpg") no-repeat scroll right center transparent; 
						background-size: 12% 100%;
						background-color:#e5e5e5;
						
						/*为下拉小箭头留出一点位置，避免被文字覆盖*/  
						padding-right: 14px; 
						outline: none;
					}
			

				}
				/*自定义选择框  end*/
			}
			/* 主体内容左部分 start */
			.address-content-left{
				margin-left: 4.61rem;
				width: 37%;
				height: 11.25rem;
				display: flex;
				justify-content:space-between;
				flex-wrap:wrap;
				// margin-top: -1.25rem;
				.content-left-input{
					margin-bottom:1.6rem; 
					width: 47%;
					p{
						padding-left: 3px;
						font-size: 1rem;
						line-height: 1.75rem;
						text-align: left;
						margin-left: 2px;
						margin-bottom: 0.9rem;
					}
					input{
						margin-left: 4px;
						height: 3.2rem;
						width: 97%;
						padding:0  4%;
					}
				}
				.input-right{
					p{
						display: inline-block;
						margin-left: 10px;
					}
					input{
						margin-left: 10px;
					}
					
				}

				.content-left-radio{
					margin-top: 1.5rem;
					margin-left: 0px;
					input{
						margin-bottom: 1px;
					}
				}
			}
			/* 主体内容左部分 end */
			/* 主体内容右部分 start */
			.address-content-right{
				width: 51%;
				display: flex;
				flex-direction:column;
				.content-top-input{
					display: flex;
					justify-content:flex-start;
					width: 100%;
					label{
						width: 144px;
						text-align: left;
						margin-right: 0.62rem;
						margin-left: -1rem;
					}
					textarea{
						width: 72%;
						height: 13.2rem;
						padding: 9px;
						resize:none;
						margin-left: 0.5rem;
					}
				}
				.content-right-end{
					margin-top: 1rem;
					margin-left: 9rem;
				}
			}
		}
		/* 主体内容右部分 end */
		/* 主体内容末尾部分 start */
		.address-content-end{
			width: 99%;
			display: flex;
			flex-direction:column;
			justify-content:flex-end;
			align-items:flex-end;
			margin-top: -1rem;
			.content-end-btn{
				font-size: 1.5rem;
				width: 11%;
				height: 3.2rem;
				border:0 none;
				margin-top: .8rem;
				cursor: pointer;
				color: #fff;
				transition:all .5s linear;
				background-color: #4e4e4e;
				margin-bottom: 2.8rem;
				border-radius: 2%;
				margin-right: 2px;
				&:hover {
					background-color: #333;
				}
			}
			.content-end-btn[disabled="disabled"]{
				background-color: rgba(0,0,0,.5);
			}
		}
		/* 主体内容末尾部分 end */
	}
}
/*  内容部分 end*/
/* 送货地址页主体 end */
/* 送货地址页底部 start*/
footer{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0.5% 0;
	background-color: rgba(0,0,0,.75);
	p{
		color: #fff;
		text-align: center;
		font-size: 0.625rem;
		letter-spacing: 2px;
	}
	em{
		margin-right: 1rem;
	}
}
/* 送货地址页底部 end*/
input,select,textarea{
	padding-left: 14px;
}